.bg{
    width:100%;
    height:80px;
    background-image: linear-gradient(to right,#e92758 0%, #ff9569 100%, );
}
.wrap{
    padding-bottom:70px;
    box-sizing:border-box;
}

.orderCard{
    width:345px;
    min-height:100px;
    margin:0 auto;
    background:#fff;
    border-radius:4px;
    border-top-left-radius: 20px;
    border-top-right-radius:20px; 
    position:relative;
    top:-60px;
    padding:10px 8px;
    box-sizing:border-box;
    box-shadow: 1px 2px 16px rgba(0,0,0,0.2);
    .shopInfo{
        width:100%;
        height:50px;
        display:flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 15px;
        .shopImage{
            width:40px;
            height:40px;
            border-radius:40px;
            background:#999;
            margin-right:8px;
        }
        .shopName{
            line-height:50px;
            font-size:15px;
            color:#333;
            font-weight:600;
    
        }
    }
.orderItem{
    width:100%;
    display: flex;
    margin-bottom:10px;
    border-bottom: 1px dashed #e2e2e2;
    padding-bottom: 10px;
    .goodImage{
        width:15%;
        height:50px;
        background:#999;
        margin-right:4px;
    }
    .orderContain{
        width:60%;
        .goodName{
            width:100%;
            font-size:14px;
            color:#333;
            line-height:18px;
            font-weight:600;

        }
        .goodNum{
            font-size:12px;
            color:#999;
            margin-top: 5px;
        }
        
    }

    .goodsPrice{
        width:24%;
        text-align:right;
        font-size:14px;
        color:#333;
        font-weight:600;
    }
}
.payInfo{
    width:100%;
    text-align:right;
    font-size:14px;
    color:#333;
    line-height:30px;
    .large{
        color:#e92758;
        font-size:16px;
        font-weight:600;
    }
}

.discountWrap{
    width:100%;
    .payList{
        .am-list-header{
            color:#333;
            font-weight:600;
        }
        .am-list-extra{
            font-size:14px;
            color:#333;
        }
        
    }
}
}

.orderInfoBox{
    width:345px;
    margin:0 auto;
    background:#fff;
    border-radius:4px;
    position:relative;
    top:-40px;
    padding:10px 8px;
    box-sizing:border-box;
    box-shadow: 1px 2px 16px rgba(0,0,0,0.2);
        .payList{
            .am-list-header{
                color:#333;
                font-weight:600;
            }
            .rightInfo{
                float:right;
                font-size:13px;
                color:#333;
            }
            .copyBtn{
                float:right;
                font-size:13px;
                margin-left: 5px;
                color:#ff9569;
            }
        }
}

.payFoot{
    width:100%;
    position:fixed;
    left:0;
    bottom:0;
    height:50px;
    background:#888;
    display:flex;
    justify-content: flex-start;
    z-index:99;
    .payInfo{
        width:60%;
        text-align:center;
        font-size:16px;
        color:#fff;
        font-weight:600;
        line-height:50px;
        .little{
            font-size:12px;
            font-weight:500;
        }
    }
    .btn{
        width:40%;
        height:50px;
        position: relative;
        .am-button-primary{
            position: absolute;
            right:10px;
            top: 50%;
            transform:translateY(-50%);
            width:80%;
            height:40px;
            line-height:40px;
            border-radius:20px;
            border:none;
            background-image:  linear-gradient(90deg,#e92758 0,#ff9569);
            box-shadow:1px 2px 4px rgba(255,255,255,0.1);
            &:before{
               border:0;
            }
        }
    }
    
}